// import Vue from 'vue'
import { createI18n }  from 'vue-i18n'
import Cookies from 'js-cookie'
import elementEnLocale from 'element-plus/es/locale/lang/en' // element-ui lang导入Element的语言包 英文
import elementZhLocale from 'element-plus/es/locale/lang/zh-cn'// element-ui lang g导入Element的语言包 中文
import elementJaLocale from 'element-plus/es/locale/lang/ja'// element-ui lang g导入Element的语言包 日文
import enLocale from './en' // 导入项目中用到的英文语言包
import zhLocale from './zh'// 导入项目中用到的中文语言包
import jaLocale from './ja'// 导入项目中用到的日文语言包
const messages = {
    en: {
        ...enLocale,
        ...elementEnLocale
    },
    zh: {
        ...zhLocale,
        ...elementZhLocale,
    },
    ja: {
        ...jaLocale,
        ...elementJaLocale,
    }

}

let language = Cookies.get('language') || navigator.language.split('-')[0]
if (language !== 'zh' && language !== 'en' && language !== 'ja') {
    language = 'zh'; // 如果不是中文或英文,日文，默认设置为中文
}
Cookies.set('language', language)
console.log("language3:" + language)

const i18n = createI18n ({
    legacy: false, // 👈 启用 Composition API 模
    locale: language,
    // locale: Cookies.get('language') || 'en',
    // locale: localStorage.getItem('language') || 'zh', // 设置当前语种，之所以放到storage中是为了避免用户手动点击刷新页面时语言被自动切换回去，所以需要把语言存起来
    messages, // 设置全局当地语言包,
    fallbackLocale: 'zh', //如果当前语种不存在时，默认设置当前语种
    // numberFormats:{ //设置 数字本地化
    //     'en': {
    //         currency: { //添加 $
    //             style: 'currency', currency: 'USD'
    //         }
    //     },
    //     'zh': {
    //         currency: { //添加 ￥
    //             style: 'currency', currency: 'JPY', currencyDisplay: 'symbol'
    //         }
    //     }
    // },
    // dateTimeFormats:{//设置 日期时间本地化
    //     'en': {
    //         short: {
    //             year: 'numeric', month: 'short', day: 'numeric'
    //         },
    //         long: {
    //             year: 'numeric', month: 'short', day: 'numeric',
    //             weekday: 'short', hour: 'numeric', minute: 'numeric'
    //         }
    //     },
    //     'zh': {
    //         short: {
    //             year: 'numeric', month: 'short', day: 'numeric'
    //         },
    //         long: {
    //             year: 'numeric', month: 'short', day: 'numeric',
    //             weekday: 'short', hour: 'numeric', minute: 'numeric'
    //         }
    //     }
    // }
});

export default i18n